<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="newest.css">
    <style>
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div id="shopping">
        
        <div class="cart-header">
            <h1>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-gouwuchekong"></use>
                </svg>我的购物车
            </h1>                      
            <div class="section">
                <button id="select-all" class="btn btn-select-all">全选</button>
                <button id="clear-cart" class="btn btn-clear">清空购物车</button>
            </div>
        </div>

        <div id="products-list" >
            
            <div class="cart-empty">
                <p>购物车是空的，快去选购商品吧！</p>
            </div>
        </div>

        <div class="cart-footer">
            <div class="selected-goods">
                <span>已选</span>
                <span id="selected-count">0</span>
            </div>
            <div class="total-price">
                <span>合计：</span>
                <span id="total">0.00</span>
                <span>元</span>
            </div>
            <button id="checkout" class="checkout btn btn-checkout">去结算</button>
        </div>
    </div>

    <script src="iconfont.js"></script>
    <script src="newest.js"></script>
</body>
</html>